
<script>
    var SanZhongErView = {
        props:{
            dataList: {
                type: [Object, Array],
                default: () => {
                    return {};
                }
            },
            nextJob : {
                type: Object,
                default: () => {
                    return {};
                }
            },
        },
        template:`<div class="duilianpt">
                    <template v-if="dataList.meansList && dataList.meansList.length">
                        <div class="zodiac" style="width: 100%;" v-for="(item,inx) in dataList.meansList" :key="inx" >
                            <div class="item">
                                <span>{{initIssue(item.issue)}}期<span class="magenta-text">{{dataList.remarks}}</span> :</span>
                                <template v-if="item.means && item.means[0]&& item.means[0].length">
                                    <span v-for="(vl,vk) in item.means[0]" :key="vk" class="red-text">
                                        <span :class="{'bg-yellow':vl.isTrue}">{{vl.value}}</span>
                                        <template v-if="vl.child && vl.child.length">
                                            <span :class="{'bg-yellow':fv.isTrue,'blue-text':(fv.color == 'blue'), 'green1-text':(fv.color == 'green'), 'red-text':(fv.color == 'red')}"  v-for="(fv,fk) in vl.child" :key="fk" >[{{fv.value}}]</span>
                                        </template>
                                    </span>
                                </template>
                                <span class="black-text">
                                    中
                                    <span class="color-red" v-if="item.is_true == 0">?</span>
                                    <span class="color-red" v-else-if="item.is_true ==1 && item.drawp">{{getNum(item.drawp)}}</span>
                                    <span class="color-red" v-else>0</span>
                                    个
                                </span>
                            </div>
                        </div>
                        
                    </template>
                </div>`,
        data() { return { nextList:{} } },
        extends:moldExtend,
        mounted() {},
        methods:{
            getNum(str){ 
                if(str) {
                    return str.split(',').length;
                }else{
                    return 0;
                }
                
            }
        }
    }
</script>